///<reference path="../typings/tsd.d.ts" />
//此页面是用于文件浏览，传入nodeidx 和 id
//标题位置显示节点名称
//路径用 / 分隔
$(function() {
    var querystring = window.location.search;
    let id = (querystring.match(/id=(\w*)/))[1];   //匹配不上，则为空字符串
    let nodeidx = (querystring.match(/node=(\w+)/))[1];
    let INFO: NodeOptions = window.NODE[nodeidx];
    let path = "a/b/c/d";
    //如果没有id，但实际应该是永远都有id的。
    if (id == "") {
        $.auto.alert("错误", "发生系统错误，没有找到项目编号！");
        return;
    }

    $(".title_left").text(INFO.title);
    function closeMe() {
        window.parent.$('#topTabs').tabs('close', "详细信息");
    }
    //设置表格大小，以便锁定
    $(window).resize(function() {
        $("#ttWrap").css({
            height: ($(window).innerHeight() - $("#ttWrap").offset().top - 10) + 'px',
            width: (($(window).innerWidth()-30 ) + 'px')
        });
    }).resize();
    //输出路径,路径左右的斜线要先去掉。 
    function renderPath() {
        path=_.trim(path,"/");
        let pList = path.split('/');
        let strPath = "", curPath = "";
        _.each(pList, function(p,i) {
                curPath += `${p}/`;
                if(i==pList.length-1){
                    strPath += `<li class="active">${p}</li>`;
                }else{
                    strPath += `<li><a href="${curPath}">${p}</a></li>`;
                }
                
        });
        $("#olPath").empty().append(strPath);
    }
    //请求项目，该节点，该路径下的信息列表。
    //返回时一定要把目录，文件的各种信息包含在内
    function getFolderInfo() {
        // $.ajax("统一的一个url", { type: 'POST', data: { id:id,nodeidx:nodeidx,path:path }, dataType: 'json' })
        //    .done(function(list) {
              let list=[{FILENAME:"xxxx",UPLOADTIME:"2016-3-7",TYPE:"DOC"}]
               $("#tt").autoTable({
                                    data:list,
                                    header: [[ { title: '序号', span: [] }, { title: '名称', span: [] }, 
                                                                { title: '上传日期', span: [] },{ title: '类型', span: [] }]],
                                    headerFields: ["FILENAME","UPLOADTIME","TYPE" ],
                                    keydataOnRow:["TYPE"],
                                    isRownumber: true,
                                    isPageable: false,
                                    isScrollable: true,
                                    isSelectable: true,
                                    selectMulti:false});
                                    
          // });
           renderPath();
    };
    getFolderInfo();
    //请求文件下载
    function getDownloadfile(name:string) {
        var w = window.open('文件的项目地址'+name);
        $(w).on("load",function () {
           w.close(); 
        });
         return false;
    }
    //单击文件夹，则打开它，单击文件则为预览或下载，预览有点难实现，百度云、文库都是转flash的。这样存储就更加复杂化了。
    $("#tt").on("click",".tt_FILENAME a",function (event) {
        let name=$(this).text();
        let type=$(this).parent().data("type");
        if (type=="directory") {
            path+=`\${name}`;
            getFolderInfo();
        }else{
            getDownloadfile(name);
        }
    });
    
    $('#fileupload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    });

})